﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>

    <!-- <link rel="stylesheet" href="css/General style.css" /> -->
    <link rel="stylesheet" href="./css/gouwuche.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/reset.css" />
  </head>

  <body>
    <!-- 头部 -->
    <div class="header">
      <div class="h-con w">
        <div class="h-title">
          <a href="./index.html">
            <div class="logo fl"></div>
          </a>
          <h1>我的购物车</h1>
        </div>
        <div class="h-info">
          <a href="./denglu.html">登录</a>
          <span>|</span>
          <a href="./zhuce.html">注册</a>
        </div>
      </div>
    </div>
    <!-- 购物区 -->
    <div class="section">
      <!-- <div class="s-con w">
        <div class="cart clearfix">
          <div class="cart-bg fl"></div>
          <div class="cart-info fl">
            <h2>你的购物车还是空的!</h2>
            <p>登录后将显示您之前加入的商品</p>
            <div class="cart-btns">
              <a href="./denglu.html">
                <div class="cart-btn cart-login fl">立即登录</div>
              </a>
              <a href="./liebiao.html">
                <div class="cart-btn cart-register fl">马上去购物</div>
              </a>
            </div>
          </div>
        </div>
      </div> -->

      <!-- 购物车数据 -->
      <div class="cart-goods-list w">
        <div class="list-head clearfix">
          <div class="col col-check">
            <input
              class="fa fa-check all-sel"
              type="checkbox"
              onchange="allselChange(this)"
            />
            全选
          </div>
          <div class="col col-img">&nbsp;</div>
          <div class="col col-name">商品名称</div>
          <div class="col col-price">单价</div>
          <div class="col col-num">数量</div>
          <div class="col col-total">小计</div>
          <div class="col col-action">操作</div>
        </div>
        <div class="list-body">
          <div class="list-item">
            <div class="item-box">
              <div class="item-box">
                <!-- <div class="item-table">
                  <div class="item-row clearfix">
                    <div class="col col-check">
                      <input class="fa fa-check" type="checkbox" />
                    </div>
                    <div class="col col-img">
                      <a href="">
                        <img src="${v.pimg}" alt="" />
                      </a>
                    </div>
                    <div class="col col-name">
                      <div class="tags"></div>
                      <div class="tags"></div>
                      <h3 class="name">
                        <a href="#">${v.pname}</a>
                      </h3>
                    </div>
                    <div class="col col-price">${v.pprice}</div>
                    <div class="col col-num">
                      <div class="change-goods-num">
                        <input class="fa fa-minus" type="button" value="-" />
                        <input
                          type="text"
                          min="1"
                          autocomplete="off"
                          class="goods-num"
                          onchange="numChange(${v.pid},this)"
                          value="${v.pnum}"
                        />
                        <input class="fa fa-plus" type="button" value="+" />
                      </div>
                    </div>
                    <div class="col col-total">${v.pprice*v.pnum}</div>
                    <div class="col col-action">
                      <input
                        onclick=" delCart(${v.pid},this)"
                        type="button"
                        value="删除"
                      />
                    </div>
                  </div>
                </div> -->
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="raise-buy-box w"></div>
      <div class="cart-bar w">
        <div class="section-left">
          <a href="#" class="back-shopping">继续购物</a>
          <span class="cart-total">
            已选择
            <i>0</i>
            件商品
          </span>
        </div>
        <span class="total-price">
          合计
          <em>0</em>
          元
          <a href="#" class="btn btn-a btn-disabled">去结算</a>
        </span>
        <div class="no-select-tip"></div>
      </div>
    </div>

    <!-- 推荐区 -->
    <div class="section">
      <div class="r-con w">
        <div class="recommend">
          <div class="r-title pos-r">
            <h3>为您推荐</h3>
          </div>
          <ul class="r-items">
            <li class="item">
              <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="" />
              <p class="item-name">Note 9 4G</p>
              <p class="item-price">899元</p>
              <p class="item-praise">10.4万人好评</p>
              <div class="item-notice">成功加入购物车</div>
              <div class="item-btn">加入购物车</div>
            </li>
            <li class="item">
              <img src="./images/d47f7ecaa04d92bf2790d4a5d53d9099.png" alt="" />
              <p class="item-name">Note 9 5G</p>
              <p class="item-price">1199元</p>
              <p class="item-praise">72.5万人好评</p>
              <div class="item-notice">成功加入购物车</div>
              <div class="item-btn">加入购物车</div>
            </li>

            <li class="item">
              <img src="./images/cb554f30eaa0316b0a736c3d59f21584.png" alt="" />
              <p class="item-name">Redmi Note 10 Pro</p>
              <p class="item-price">1599元</p>
              <p class="item-praise">23.3万人好评</p>
              <div class="item-notice">成功加入购物车</div>
              <div class="item-btn">加入购物车</div>
            </li>

            <li class="item">
              <img src="./images/34caee2c867bfd8c5e0dc2d8c663e121.jpg" alt="" />
              <p class="item-name">Redmi K40 游戏增强版</p>
              <p class="item-price">1999元</p>
              <p class="item-praise">8.5万人好评</p>
              <div class="item-notice">成功加入购物车</div>
              <div class="item-btn">加入购物车</div>
            </li>
            <li class="item">
              <img src="./images/dddiii.jpg" alt="" />
              <p class="item-name">Redmi 9A</p>
              <p class="item-price">499元</p>
              <p class="item-praise">66.8万人好评</p>
              <div class="item-notice">成功加入购物车</div>
              <div class="item-btn">加入购物车</div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="site-footer">
        <div class="wrap">
          <div class="footer-service">
            <ul>
              <li>
                <a href="#">
                  <i class="iconfont">&#xe606;</i>
                  <span>15天免费换货</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="iconfont">&#xe606;</i>
                  <span>15天免费换货</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="iconfont">&#xe606;</i>
                  <span>15天免费换货</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="iconfont">&#xe606;</i>
                  <span>15天免费换货</span>
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="iconfont">&#xe606;</i>
                  <span>15天免费换货</span>
                </a>
              </li>
            </ul>
          </div>
          <div class="footer-links">
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <ul>
              <li>帮助中心</li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
              <li>
                <a href="#">账户管理</a>
              </li>
            </ul>
            <div class="contact">
              <p class="tel">400-100-5678</p>
              <p class="time">8:00-18:00（仅收市话费）</p>
              <a href="#" class="kefu">
                <i class="iconfont">&#xe710;</i>
                人工客服
              </a>
              <p class="follow">
                关注小米：
                <span class="wb"></span>
                <span class="wx"></span>
                <img src="images/wx-img.png" alt="" class="wx-img" />
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="site-info">
        <div class="wrap">
          <div class="footer-logo">
            <img src="images/logo-mi2.png" alt="" />
          </div>
          <div class="sites">
            <p>
              <a rel="nofollow" href="//www.mi.com/index.html" target="_blank"
                >小米商城</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a>
              <span class="sep">|</span>
              <a rel="nofollow" href="//home.mi.com/index.html" target="_blank"
                >米家</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="http://www.miliao.com/" target="_blank"
                >米聊</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="//www.duokan.com/" target="_blank"
                >多看</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="//game.xiaomi.com/" target="_blank"
                >游戏</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="//b.mi.com/?client_id=180100031058&masid=17409.0358"
                target="_blank"
                >政企服务</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank"
                >小米天猫店</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="//privacy.mi.com/all/zh_CN/"
                target="_blank"
                >小米集团隐私政策</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
                target="_blank"
                >小米公司儿童信息保护规则</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ded8d0e4a77d.html"
                target="_blank"
                >小米商城隐私政策</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="//www.mi.com/about/user-agreement/"
                target="_blank"
                >小米商城用户协议</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank"
                >问题反馈</a
              >
              <span class="sep">|</span>
              <a
                rel="nofollow"
                href="javascript:void(0);"
                class="J_siteGlobalRegion"
                >Select Location</a
              >
              <br />
              <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank"
                >北京互联网法院法律服务工作站</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="http://www.cca.org.cn/" target="_blank"
                >中国消费者协会</a
              >
              <span class="sep">|</span>
              <a rel="nofollow" href="http://www.bj315.org/" target="_blank"
                >北京市消费者协会</a
              >
            </p>
            <p>
              ©
              <a href="javascript:;" target="_blank" title="mi.com">mi.com</a>
              京ICP证110507号
              <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow"
                >京ICP备10046444号</a
              >
              <a
                rel="nofollow"
                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                target="_blank"
                >京公网安备11010802020134号</a
              >
              <a href="//www.mi.com/culture-license/" target="_blank"
                >京网文[2020]0276-042号</a
              >
              <br />
              <a href="//www.mi.com/medical/record/" target="_blank"
                >（京）网械平台备字（2018）第00005号</a
              >
              <a href="//www.mi.com/medical/qualification/" target="_blank"
                >互联网药品信息服务资格证 (京)-非经营性-2014-0090</a
              >
              <a href="//www.mi.com/business-license/" target="_blank"
                >营业执照</a
              >
              <a href="//www.mi.com/medical/list/" target="_blank"
                >医疗器械质量公告</a
              >
              <br />
              <a
                href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png"
                target="_blank"
                >增值电信业务许可证</a
              >&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
              <a
                href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png"
                target="_blank"
                >食品经营许可证</a
              >
              <br />
              违法和不良信息举报电话：171-5104-4404&nbsp;<a
                href="https://www.mi.com/intellectual"
                target="_blank"
                >知识产权侵权投诉</a
              >&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </p>
            <p>
              <img src="images/truste.png" alt="" />
              <img src="images/truste.png" alt="" />
              <img src="images/truste.png" alt="" />
              <img src="images/truste.png" alt="" />
              <img src="images/truste.png" alt="" />
            </p>
          </div>
          <img src="images/slogan2020.png" alt="" class="slogan" />
        </div>
      </div>
    </div>
    <script src="./js/axios.min.js"></script>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/cart.js"></script>
    <!-- <script src="./js/cart-bottom.js"></script> -->
    <!-- <script src="js/detail-cart.js"></script> -->
  </body>
</html>
